{include file="header.tpl" title="{$title}"}

<div id="nav">
    <div id="title-bar">
        <a href="index.html"><img src="/static/img/logo.png" height="45"/></a>
    </div>
    <ul id="menu-bar">
        <li class="menu-item" data-url="newest.html">今日新品</li>
        <li class="menu-item selected" data-url="trip.html">旅游套餐</li>
        <li class="menu-item" data-url="ticket.html">门票</li>
        <li class="menu-item" data-url="hotel.html">酒店</li>
        <li class="menu-item" data-url="plane.html">机票</li>
        <li class="menu-item" data-url="yiyuan.html">一元秒杀</li>
        <li class="menu-item" data-url="plane.html">机票</li>
    </ul>
</div>
<div id="content">
    <div id="side-content">
        <div id="chufa-content">
            <div class="side-title"><img src="/static/img/location.png" height="30"/>&nbsp;&nbsp;出发城市</div>
            <input class="search-item" type="text"/>
            <table class="search-items">
                <tr>
                    <td class="selected">全部</td>
                    <td>北京</td>
                </tr>
                <tr>
                    <td>南京</td>
                    <td>苏州</td>
                </tr>
                <tr>
                    <td>成都</td>
                    <td>广州</td>
                </tr>
                <tr>
                    <td>深圳</td>
                    <td>杭州</td>
                </tr>
            </table>
        </div>
        <div id="mudi-content">
            <div class="side-title"><img src="/static/img/location.png" height="30"/>&nbsp;&nbsp;目的城市</div>
            <input class="search-item" type="text"/>
            <table class="search-items">
                <tr>
                    <td class="selected">全部</td>
                    <td>北京</td>
                </tr>
                <tr>
                    <td>天津</td>
                    <td>青岛</td>
                </tr>
                <tr>
                    <td>苏州</td>
                    <td>南京</td>
                </tr>
                <tr>
                    <td>厦门</td>
                    <td>杭州</td>
                </tr>
                <tr>
                    <td>深圳</td>
                    <td>成都</td>
                </tr>
                <tr>
                    <td>广州</td>
                    <td>武汉</td>
                </tr>
                <tr>
                    <td>西安</td>
                    <td>三亚</td>
                </tr>
            </table>
        </div>
        <div id="time-content">
            <div class="side-title"><img src="/static/img/calendar.png" height="30"/>&nbsp;&nbsp;出游时间</div>
            <table class="search-items">
                <tr>
                    <td class="selected">全部</td>
                    <td>1月</td>
                    <td>2月</td>
                    <td>3月</td>
                </tr>
                <tr>
                    <td>4月</td>
                    <td>5月</td>
                    <td>6月</td>
                    <td>7月</td>
                </tr>
                <tr>
                    <td>8月</td>
                    <td>9月</td>
                    <td>10月</td>
                    <td>11月</td>
                </tr>
                <tr>
                    <td colspan="4">12月</td>
                </tr>
            </table>
        </div>
    </div>
    <div id="middle-content">
        <div class="middle-title">
            <span class="middle-title-chufa">上海</span>--<span class="middle-title-mudi">北京</span>
            <div class="middle-title-order">
                排序:
                <a href="#" class="selected">默认</a>
                <a href="#">价格</a>
                <a href="#">热卖</a>
            </div>
        </div>
        <div class="middle-items">
            {foreach $groups as $i => $group}
                <div class="middle-item">
                    <div class="middle-item-img">
                        <img src="{$group['image_url']}" width="357" height="200"/>
                    </div>
                    <div class="middle-item-desc">
                        <a class="item-desc-name" target="_blank" href="{$group['url']}">{$group['product_name']}</a>
                        <p class="item-desc-content">
                            {$group['product_summary']}
                        </p>
                        <span class="item-desc-price">{$group['current_price']}</span>元起<span class="item-desc-privilege">原价 : {$group['market_price']}元</span>
                        <a href="{$group['url']}" target="_blank" class="item-desc-url">查看详情</a>
                    </div>
                </div>
            {/foreach}
        </div>
    </div>
    <div style="clear:both;"></div>
</div>

{include file="footer.tpl"}